<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"	
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/pages/plantilla.xhtml">
	
	<ui:define name="title"> SYSLLABUS</ui:define>
	<ui:define name="contenido" >
	<f:view>
		
<p:layout fullPage="true" style="font-size:10px">
<p:layoutUnit position="top" height="50" style="font-size:10px">
<h:form id="myform3" prependId="false" style="font-size:10px">
		<p:outputPanel id="opBtns">
    <p:menubar id="mbSes2" style="font-size:12px">  
            <p:menuitem url="#">
            <h:commandLink value="Cerrar Sesion" action="#{loginController.cerrarSesionGeneric}" />
            </p:menuitem>  
    </p:menubar>
		</p:outputPanel>
</h:form>
</p:layoutUnit>
<p:layoutUnit position="left" width="300" style="font-size:10px" collapsible="true">
grupos
<h:form id="myform" prependId="false" style="font-size:10px">
		<p:dataTable value="#{regAvanceController.grupoCursos}" var="grup"
		selectionMode="single" rowSelectListener="#{regAvanceController.obtenerSyllabus}" 
		onRowSelectUpdate=":myform2:tablas, :myform3:opBtns" selection="#{regAvanceController.grupoSeleccionado}">
		<p:column headerText="Cronograma Acad">
		<h:outputText value="#{grup.nomCarreraProf}: #{grup.nomCronograma}"/>
		</p:column>
		<p:column headerText="Curso: Grupo">
		<h:outputText value="#{grup.nomCurso}: #{grup.nomGrupo}"/>
		</p:column>
		</p:dataTable>
</h:form>
</p:layoutUnit>
<p:layoutUnit position="center" style="font-size:10px" scrollable="true">
<h:form id="myform2" prependId="false" style="font-size:10px">
syllabus
<h:panelGrid id="tablas" columns="4" style="width:100%">
		<p:dataTable id="dtSyl" value="#{regAvanceController.syllabusPendientes}" var="syl">
        <f:facet name="header">  
            <h:outputText value="Pendiente"/>
        </f:facet> 
		<p:column headerText="nro. Semana">
		<p:commandLink value="#{syl.numSemana}" action="#{regAvanceController.editarAvanceSyll}" 
		update=":myform4:opEditAvan" oncomplete="wvEditarSyllabus.show();">
		<f:setPropertyActionListener value="#{syl}"
		target="#{regAvanceController.syllSeleccionadoP}" />
		</p:commandLink>
		</p:column>
		<p:column headerText="Descripcion del tema">
		<h:outputText value="#{syl.descTema}"/>
		</p:column>
		</p:dataTable>
		
		<p:dataTable id="dtSyl2" value="#{regAvanceController.syllabusxConfDeleg}" var="syl"
		 selection="#{regAvanceController.syllSeleccionadoCD}" onRowSelectUpdate=":myform3:opBtns"
		 selectionMode="single">
        <f:facet name="header">  
            <h:outputText value="Por Confirma Delegado"/> 
        </f:facet> 
		<p:column headerText="nro. Semana">
		<h:outputText value="#{syl.numSemana}"/>
		</p:column>
		<p:column headerText="Descripcion del tema">
		<h:outputText value="#{syl.descTema}"/>
		</p:column>
		</p:dataTable>
		
		<p:dataTable id="dtSyl3" value="#{regAvanceController.syllabusTerminados}" var="syl"
		 selection="#{regAvanceController.syllSeleccionadoT}" onRowSelectUpdate=":myform3:opBtns"
		 selectionMode="single">
        <f:facet name="header">  
            <h:outputText value="Terminado"/>  
        </f:facet> 
		<p:column headerText="nro. Semana">
		<h:outputText value="#{syl.numSemana}"/>
		</p:column>
		<p:column headerText="Descripcion del tema">
		<h:outputText value="#{syl.descTema}"/>
		</p:column>
		</p:dataTable>
		
</h:panelGrid>
</h:form>
</p:layoutUnit>
</p:layout>
<h:form id="myform4" prependId="false" style="font-size:10px">
		<p:dialog header="Syllabus" widgetVar="wvEditarSyllabus" width="600" modal="true">
		<p:outputPanel id="opEditAvan">
		<p:fieldset rendered="#{regAvanceController.editarTemaSyl}">
		<table>
		<tr><td><h:outputText value="Semana: #{regAvanceController.syllSeleccionadoP.numSemana}"/>
		</td><td align="center">
		<p:commandButton image="ui-icon-disk" title="Guardar Cambios" update=":myform2:tablas"
		actionListener="#{regAvanceController.guardarTemaSyllabus}" oncomplete="wvEditarSyllabus.hide();"/>
		</td></tr>
		<tr>
		<td><h:outputText value="Tema:"/></td>
		<td><p:inputTextarea value="#{regAvanceController.actualizacionSylEditar.descTema}" style="width:500px; heigth:200px"/>
		</td>
		</tr>
		</table>
		</p:fieldset>
		<p:fieldset rendered="#{!regAvanceController.editarTemaSyl}">
		<table style="width:80%">
		<tr><td align="right"><h:outputText value="Terminar Tema de la Semana"/>
		</td><td align="left">
		<p:commandButton image="ui-icon-circle-check" title="Enviar a delegado" oncomplete="wvEditarSyllabus.hide();"
		actionListener="#{regAvanceController.enviarADelegado}" update=":myform2:tablas"/>
		</td></tr>
		</table>
		</p:fieldset>
		</p:outputPanel>
		</p:dialog>
</h:form>
 		</f:view>
	</ui:define>
</ui:composition>